//轮播
$(".a_show").css("width",$(".a_wrap").width()*$(".a_show img").length);
$(".a_show img").css("width",$(".a_show").width()/$(".a_show img").length);
$(".a_wrap").css("height",$(".a_show img").height());
var index = 0;
//轮播函数
var changeImg = function() {
	$(".a_point").css({
		backgroundColor: "rgba(255,255,255,0.5)",
	    border: "0.1rem solid #FFFFFF"
	});
	index++;
	$(".a_point").eq(index).css({
		backgroundColor: "#FE786F",
	    border: "none"
	});
	$(".a_show").animate({
		left: - $(".a_wrap").width()* index + "px"

	}, 1000)
	if(index >= 3) {
		index = 0;
		$(".a_show").animate({
		left: 0 + "px"
	}, 0)
		$(".a_point").eq(index).css({
			backgroundColor: "#FE786F",
	        border: "none"
		});
	}
}
var wheel = setInterval(changeImg, 2000);

//创建横向图标的函数
var iconArr = ["img3/img1.png",
"img3/img2.png",
"img3/img3.png",
"img3/img4.png"
];
var iconTitle=["天涯明月刀","天天酷跑","我的世界","大话西游"];
for (var i = 0 ; i < iconArr.length ;i++) {
	var icon = createIcon(iconArr[i],iconTitle[i]);
	$(".b_iconBox").append(icon);
}
function createIcon(imageSrc,title) {
	return $("<li class='b_iconList'><img src=" + imageSrc + " class='b_iconImg'/><span class='b_iconWord overhidden'>" + title + "</span></li>")
};

//点击图标函数
$(".b_iconList").on("touchend",function () {
	$(".b_iconList").css("display","none");
	$(".b_list").css("display","flex");
	var index = $(this).index() - 1;
	$(".b_navWords").text(iconTitle[index]);
	$(".b_myShopping").css("display","none")
	$(".b_img").attr("src",iconArr[index]);
	$(".b_font1").text(iconTitle[index]);
});

//点击关注改变颜色
$(".b_focusBtn").on("touchend",function () {
	var text = $(this).text();
	if (text == "关注") {
		$(this).css({
			backgroundColor:"#FFFFFF",
			color: "#FE786F",
			border:"1px solid #FE786F"
		});
		$(this).text("取消关注")
	}else{
		$(this).css({
			backgroundColor:"#FE786F",
			color: "#FFFFFF",
			border:"none"
		});
		$(this).text("关注")
	}
})

//热门礼包框架函数
//热门礼包图片路径数组
var giftImg = [
"img3/gift1.png",
"img3/gift2.png",
"img3/gift3.png",
"img3/gift4.png",
"img3/gift1.png",
"img3/gift2.png",
"img3/gift3.png",
"img3/gift4.png",
"img3/gift1.png",
"img3/gift2.png",
"img3/gift3.png"
];

//for循环追加
for (var i = 0 ;i < giftImg.length  ;i++) {
	var list ;
	var ele = createGift(giftImg[i]);
	if (i % 2 == 0){
		list = $("<li class='b_videoList'></li>");
	};
	list.append(ele);
	$(".b_videoWrap").append(list);
}
//创建热门礼包元素函数
function createGift (imageSrc) {
	return $("<div class='b_video'><div class='b_videoImgWrap'><img src=" + imageSrc + " class='b_videoImg' /></div><div class='b_videoWordsWrap'><span class='b_videoWords overhidden'>领取条件:连续签到25天</span><span class='b_videoMoney overhidden'>10q币</span><div class='b_btnWrap'><button class='b_btn overhidden'>超级火爆被抢光</button></div></div></div>")
};

//点击超级火爆被抢光显示二级页面
$("#b_con1").show();
$("#b_con2").hide();
$(".b_btnWrap").on("touchstart",function(){
	$("#b_con1").hide();
	$("#b_con2").show();
	$(".b_navImg").attr("src","img3/left2.png")
	$(".b_navImg").on("touchstart",function(){
		$("#b_con1").show();
		$("#b_con2").hide();
		$(".b_navImg").attr("src","img3/bre.png")
	})
})
